<template>
    <el-menu>
        <el-menu-item index="1">
          <el-icon><icon-menu /></el-icon>
          <span>主页</span>
        </el-menu-item>

        <el-menu-item index="2">
          <el-icon><icon-menu /></el-icon>
          <span>前台首页</span>
        </el-menu-item>

         <el-sub-menu index="3">
            <template #title>
                <el-icon></el-icon>
                <span>用户管理</span>
            </template>
            <el-menu-item-group>
                <el-menu-item>用户列表</el-menu-item>
            </el-menu-item-group>
         </el-sub-menu>

         <el-sub-menu index="4">
            <template #title>
                <el-icon></el-icon>
                <span>商品管理</span>
            </template>
            <el-menu-item-group>
                <el-menu-item>商品分类管理</el-menu-item>
                <el-menu-item>商品列表</el-menu-item>
                <el-menu-item>轮播图管理</el-menu-item>
                <el-menu-item>订单管理</el-menu-item>
            </el-menu-item-group>
         </el-sub-menu>

         <el-menu-item index="5">
          <el-icon><icon-menu /></el-icon>
          <span>营收管理</span>
        </el-menu-item>
        
        <el-menu-item index="6">
          <el-icon><icon-menu /></el-icon>
          <span>文件管理</span>
        </el-menu-item>
    </el-menu>
</template>

<script setup>

</script>



<style scoped>
ul{
    width: 18%;
    height: 100%;
    background-color: #ffffff;
    color: white;
}
</style>